<template>
  <div>
    <van-nav-bar title="全民砍价"    right-text="砍价列表"  @click-right="onClickRight"/>
    <van-card
      v-for="item in list"
      :key="item"
      @click="onClickRight"
      class="kan"
      :price="item.maxCoupons"
      :desc="item.characteristic"
      :title="item.name"
      :thumb="item.pic"
    >
    </van-card>
        <div class="q2"></div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      list: [],
    };
  },
  mounted() {
    this.$API.kanjia().then((res) => {
      this.list = res.data.data;  
      this.list = this.list.splice(10, 2);
   
    });
  },
  methods:{
      onClickRight(){
          this.$router.push({path:"/kanjia"})
      }
  }
};
</script>
<style  scoped>
.kan {
  width: 95%;
  margin-left: 10px;
  margin-top: 20px;
  background: #fff;
}
.q2{
  width: 100%;
  height: 15px;
  margin-top: 6px;
  background: rgb(245,245,245);
}
</style>